import {
    StyleSheet,
    Dimensions,
} from 'react-native';
const { height, width } = Dimensions.get('window');

export const StyleConfig = {
    match_width:width,
    match_height:height,
}

export const styles = StyleSheet.create({

    /*公用*/
    container: {
        flex: 1,
    },
    fontSize:{
        fontSize:18,
        marginBottom:5,
        color:'#2c2c2c',
        fontFamily:'MicrosoftYahei',
        flexWrap:'nowrap',

    },
    fontColor:{
        color:'#EEE',
    },
    position:{
        flexDirection:'row',
    },
    /*ScrollView*/
    wrapper:{
        position:'relative',
    },
    /*swiper*/
    box:{
        width: Dimensions.get('window').width,
        height: Dimensions.get('window').height,
    },
    headerContainer: {
        height: 220,
        width: Dimensions.get('window').width,
        alignItems: 'center',
        justifyContent: 'space-between',
        paddingBottom: 28,
        paddingHorizontal: 16,
        overflow: 'hidden'
    },
    /*housing*/
    title:{
        backgroundColor: 'rgba(23,24,20,0.5)',
        position:'absolute',
        bottom:0,
        left:20,
        padding:10,
        color:'#fff',
        lineHeight:20,
        fontFamily:'MicrosoftYahei',
    },
    money:{
        marginLeft:18,
        marginRight:18,
        marginBottom:10,
    },
    titleMoney:{
        fontSize:24,
        fontFamily:'MicrosoftYahei',
    },
    location:{
        position: 'absolute',
        bottom: 5,
        right:20,
        color:'#fff',
        fontSize:12,
    },
    locationImg:{
        width:50,
        height:50,
        marginLeft:10,
    },
    locationList:{
        width:30,
        height:30,
        marginRight:5,
    },
    titleMargin:{
        width: Dimensions.get('window').width,
        paddingLeft:20,
        paddingRight:20,
    },
    locationInf:{
        backgroundColor:'#ebebeb',
        borderRadius:8,
        paddingLeft:20,
        paddingRight:20,
        paddingTop:10,
        paddingBottom:10,
        position:'relative',
    },
    locationImg:{
        width:30,
        height:30,       
        position:'absolute',
        left:20,
        top:12,
    },
    locationInt:{
        marginLeft:45,
    },
    locationIntbt:{
        color:'#000',
        marginLeft:45,
    },
    config:{
        
        padding:20,
        marginBottom:10,
        position:'relative',
        backgroundColor:'#eaf6f6',
        borderRadius:8,
    },
    configImg:{
        width:20,
        height:20,
        position:'absolute',
        right:20,
        top:20,
    },
    configWidth:{
        paddingRight:15,
        borderRightWidth:1,
        borderColor:'#000',

    },
    configWidthEnd:{
        paddingLeft:15,
    },
    configText:{
        textAlign:'center',
    },
    aroundTitle:{
        fontSize:16,
        marginBottom:5,
        marginTop:15,
        fontFamily:'MicrosoftYahei',
        color:'#000',
    },
    aroundList:{
        borderLeftWidth:3,
        borderColor:'#fe4080',
        color:'#323232',
        paddingLeft:10,
        marginTop:10,
    },
    aroundLine:{
        marginTop:10,
        lineHeight:20,
    },

    aroundImg:{
        width:30,
        height:30,
        borderBottomWidth:1,
        borderColor:'#ddd',
        marginTop:10,
    }, 
    modalHeader:{
        width:64,
        height:64,
        alignSelf:'center',
    },
    modalTitle:{
        width:Dimensions.get('window').width,
        textAlign:'center',
        fontSize:18,
        lineHeight:35,
        fontFamily:'MicrosoftYahei',
        color:'#000',
    },
    modalDetailed:{
        color:'#37ada2',
        fontSize:14,
        textAlign:'center',
    },
    modalBj:{
        backgroundColor:'#ddd',
        display:'flex',
        flexDirection:'row',
    },
     map:{
    width:Dimensions.get('window').width,
  },
  titleSize:{
    fontSize:12,
  },
  titleDress:{
    fontSize:12,
    color:'#fff',
  },
});
 